<template>
	<view class="mt30 bgcf pb12 bdr20" style="border-radius: 20rpx;line-height: 66rpx;">
		<view class="p24">
			<view class="df jcsb aic fs26">
				<text class="c6 ">商品金额</text>
				<text class="c3">￥{{ orderInfo.platformMoney ||'0.00'}}</text>
			</view>
			<view class="df jcsb aic fs26">
				<text class="c6 ">优惠金额</text>
				<text class="c3">-￥{{ orderInfo.discountMoney ||'0.00'}}</text>
			</view>
			<view class="df jcsb aic fs26">
				<view class="c6 ">配送费  <u-icon name="question-circle" color="#48A147" class="ml5" @click="$emit('feeInfo')"></u-icon></view>
				<view class=" price df aic" @click="$emit('FeePrice')">+￥{{ orderInfo.sendMoney || '0.00'}}  </view>
				<!--  <u-icon name="arrow-right" color="#666666" size="32"></u-icon> -->
			</view>
			<!-- <view class="df jcsb aic fs26">
				<text class="c6 ">包装费</text>
				<text class="c3">+￥{{orderInfo.packageMoney || '0.00'}}</text>
			</view> -->

		</view>
		<view class="borCe5">
		</view>
		<view class="mr30 mt12 " style="text-align: end;">
			<text class="fs26 c3">合计：</text>
			<text class="priceStyle">￥{{ orderInfo.payMoney ||'0.00'}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			orderInfo: {
				default: () => {},
				type: Object,
			},
			type: {
				default: 1,
				type: [String, Number],
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}

	}
</script>

<style lang="scss" scoped>
	.borCe5 {
		border-top: 1rpx solid #E5E5E5;
	}

	.priceStyle {
		font-size: 30rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #EF2929;
	}
</style>